<template>
	<view>
		<view style="padding:25px 30px">
			是否确认发起关于解聘XXXX小区XX物业的临时业主大会的附议
		</view>
		<view style="padding: 0 15px;">
			<view
				style="width: 345px;height: 149px;padding: 20px 0; background: #ffffff;background: #FFFFFF;border-radius: 6px;">
				<view style="color:#999999;text-align: center;font-size: 12px;">
					已同意人数
				</view>
				<view style="font-size: 20px;text-align: center;margin-top: 4px;">
					<span style="color:#427705">123人</span> (12%)
				</view>
				<view class="flex" style="margin-top:20px">
					<view style="width:50%;text-align: center;" class="border-right">
						<view style="color:#999999;margin-top: 4px;">总户数</view>
						<view>2314 户</view>
					</view>
					<view style="width:50%;text-align: center;">
						<view style="color:#999999;margin-top: 4px;">小区面积</view>
						<view>1333 平方米</view>
					</view>
				</view>
			</view>
		</view>
		<view style="padding: 0 15px;margin-top:10px">
			<view
				style="width: 345px;height: 79px;;padding: 20px 0; background: #ffffff;background: #FFFFFF;border-radius: 6px;">
				<view class="flexClsNowrapSpcBtw">
					<view style="width:50%;text-align: center;" class="border-right">
						<view style="color:#999999;margin-top: 4px;">发起人</view>
						<view>张浩</view>
					</view>
					<view style="width:50%;text-align: center;" class="border-right">
						<view style="color:#999999;margin-top: 4px;">发起人楼号</view>
						<view>9-3-1002</view>
					</view>
					<view style="width:50%;text-align: center;">
						<view style="color:#999999;margin-top: 4px;">电话</view>
						<view>1334444555</view>
					</view>
				</view>
			</view>
		</view>
		<view style="padding: 0 15px;margin-top:10px">
			<view
				style="width: 345px;height: 79px;;padding: 20px 0; background: #ffffff;background: #FFFFFF;border-radius: 6px;">
				<view class="flexClsNowrapSpcBtw">
					<view style="width:50%;text-align: center;" class="border-right">
						<view style="color:#999999;margin-top: 4px;">发起人</view>
						<view style="font-size: 15px;">张浩</view>
					</view>
					<view style="width:50%;text-align: center;">
						<view style="color:#999999;margin-top: 4px;">电话</view>
						<view style="font-size: 15px;">1334444555</view>
					</view>
				</view>
			</view>
		</view>
		<view style="margin-top: 30px;padding: 0 45px;">
			<view @click="authenticationShow=true"
				style="font-size: 14px;color:#ffffff;line-height:44px;text-align: center;width: 285px;height: 44px;background: linear-gradient(180deg, #76D904 0%, #417505 100%);border-radius: 22px;">
				我附议申请
			</view>
			<view style="margin-top: 20px;text-align: center;font-size: 14px;color:#999999">
				附议代表您确认同意解聘该小区现物业公司
			</view>
			<u-popup v-model="authenticationShow" mode="center" border-radius="6">
				<view style="padding: 0 20px;">
					<view class="border-bottom" style="padding: 20px 0;font-size: 18px;">
						未提交认证
					</view>
					<view style="margin-top:30px">
						<view style="margin:0 70px;text-align: center;">
							<image style="width: 159px;height: 114px;" src="../../../static/image/authentication.png"></image>
							<view style="color: #FD3636;margin-top: 20px;">请先进行实名认证后进行附议</view>
						</view>
						<view style="color:#427705;margin:62px 70px 40px 70px ">
							<view style=" width: 175px;;padding: 11px 55px;border-radius: 22px;border: 1px solid #427705;">提交认证</view>
						</view>
					</view>
					
				</view>
				<view style="padding: 0 20px;">
					<view class="border-bottom" style="padding: 20px 0;font-size: 18px;">
						附议成功
					</view>
					<view style="margin-top:30px">
						<view style="margin:0 70px;text-align: center;">
							<image style="width: 159px;height: 114px;" src="../../../static/image/passCertification.png"></image>
							<view style="color: #333300;margin-top: 20px;">附议成功！请及时关注小区动态！</view>
						</view>
						<view style="color:#427705;margin:62px 70px 40px 70px ">
							<view style=" text-align: center; width: 175px;;padding: 11px 55px;border-radius: 22px;border: 1px solid #427705;">
								确定</view>
						</view>
					</view>
				</view>
			</u-popup>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				authenticationShow: false,
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
